import type { ComponentsConfig } from '../../types'

const config: ComponentsConfig = {
  title: '启动页组件设置',
  default: 'splash',
  components: {
    splash: {
      sort: 1,
      title: '启动页组件',
      icon: 'comp_searchBar',
      type: 'comp',
      global: [],
      schemas: [
        {
          tag: 'text',
          props: { class: 'setting-title', content: 'Slogan' }
        },
        {
          tag: 'form-item',
          props: {
            label: 'Slogan内容'
          },
          children: [
            {
              tag: 'input',
              props: {
                placeholder: '请输入'
              }
            }
          ]
        },
        {
          tag: 'form-item',
          props: {
            label: '字号'
          },
          child: {
            tag: 'select',
            props: {
              placeholder: '请选择',
              options: [
                { value: 8, label: '8px' },
                { value: 10, label: '10px' },
                { value: 12, label: '12px' },
                { value: 14, label: '14px' },
                { value: 18, label: '18px' },
                { value: 24, label: '24px' },
                { value: 36, label: '36px' }
              ]
            }
          }
        },
        {
          tag: 'form-item',
          props: {
            label: '文字颜色'
          },
          children: [
            {
              tag: 'color',
              props: {
                placeholder: '请输入'
              }
            }
          ]
        },
        { tag: 'divider' },
        {
          tag: 'text',
          props: { class: 'setting-title', content: 'Logo' }
        },
        {
          tag: 'form-item-logo'
        },
        { tag: 'divider' },
        {
          tag: 'text',
          props: { class: 'setting-title', content: '背景图' }
        },
        {
          tag: 'form-item-logo',
          props: {
            label: '文字颜色'
          }
        }
      ]
    }
  }
}
export default config
